<template>
  <div class="flex flex-col min-h-screen">
    <HeaderLayout />
    <main class="flex-1">
      <router-view v-slot="{ Component }">
        <component :is="markRaw(Component)" />
      </router-view>
    </main>
    <FooterLayout />
  </div>
</template>

<script setup lang="ts">
import { markRaw } from 'vue'
import HeaderLayout from './HeaderLayout.vue'
import FooterLayout from './FooterLayout.vue'
</script>
